import classnames from 'classnames';
import { memo, useRef, useState } from 'react';
import { useNavigate, useSearchParams } from 'react-router-dom';
import CommonStyle from 'styles/common.module.less';
import { Avatar, Form, Select } from 'tdesign-react';
import { FormInstanceFunctions } from 'tdesign-react/es/form/type';

const { FormItem } = Form;
const { Option } = Select;
const { Group } = Avatar;

export default memo(() => {
  const formRef = useRef<FormInstanceFunctions>();
  const [addressBoookVisible, setAddressBoookVisible] = useState(false);
  const [addressBoookIndex, setAddressBoookIndex] = useState(0);
  const [warehouseList, setWarehouseList] = useState<any[]>([]); // 推荐的仓库地址
  const [showTruckInfo, setShowTruckInfo] = useState(false);
  const [carTypeList, setCarTypeList] = useState<any[]>([]);
  const [carTypeId, setCarTypeId] = useState<string>('');
  const [selectedCarType, setSelectedCarType] = useState<any>({});
  const navigate = useNavigate();
  const [searchParams, setSearchParams] = useSearchParams();
  const orderId = searchParams.get('orderId');

  return <div className={classnames(CommonStyle.pageWithColor)}>xxx</div>;
});
